<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="no" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="../css/swiper.min.css"/>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/base.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <link rel="stylesheet" href="../css/gold.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_902089_cp37d22ktcu.css"/>
    <title>黄金原油页</title>
</head>
<body>
<section class="banner">
    <img src="../img/btn1.png">
</section>
<section class="f1" >
    <ul class="list">
        <li flex="main:justify cross:center">
            <img src="../img/tu1.png" >
            <img src="../img/tu2.png" >
        </li>
        <li flex="main:justify cross:center">
            <img src="../img/tu3.png" >
            <img src="../img/tu4.png" >
        </li>
    </ul>

</section>
<section class="f2">
    <div class="zi1">
         <img src="../img/zi1.png">
    </div>
    <div class="f2-1" flex="main:center cross:center">
        <img src="../img/tu5.png">
    </div>
</section>
<section class="f3">
    <div class="zi2">
        <img src="../img/zi2.png">
    </div>
    <div class="f3-1" flex="main:center cross:center">
    <ul class="list2">
          <li>
              <img src="../img/icon1.png">
              <p class="p1">顶级分析智囊</p>
              <p class="p2">带你全维度把握行情</p>
          </li>
          <li>
              <img src="../img/icon2.png">
              <p class="p1">顶级分析智囊</p>
              <p class="p2">独家内参让盈利飞一会</p>
          </li>
        <li>
            <img src="../img/icon3.png">
            <p class="p1">资金安全保障</p>
            <p class="p2">2小时极速出金</p>
        </li>
        <li>
            <img src="../img/icon4.png">
            <p class="p1">直播室精彩互动</p>
            <p class="p2">24小时在线解答</p>
        </li>
      </ul>
    </div>
</section>
<div class="zi3">
    <img src="../img/zi3.png">
</div>
<section class="f4">
    <!--<div class="" flex="main:center cross:center">-->
        <!--恭喜138xxxx9210  龚先生注册领取  <span>50$</span>-->
    <!--</div>-->
    <div class="swiper-container shouji">
        <div class="swiper-wrapper">
            <div class="swiper-slide" flex="main:center cross:center">
                <span class="s1">恭喜138xxxx9210  蔡女士注册领取
                    <span class="s2">50$</span>
                </span>

            </div>
            <div class="swiper-slide" flex="main:center cross:center">
                <span class="s1">恭喜138xxxx9210  罗阿姨注册领取
                <span class="s2">50$</span>
                </span>
            </div>
            <div class="swiper-slide" flex="main:center cross:center">
                <span class="s1">恭喜138xxxx9210  周小姐注册领取
                <span class="s2">50$</span>
                </span>
            </div>
        </div>
    </div>
    <p>316人领取</p>
    <ul class="list3">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul class="list5">
       <li></li>
       <li></li>
       <li></li>
    </ul>
</section>
<footer flex>
    <ul class="list4" flex="main:center cross:center">
        <li>
            <img src="../img/liwu.png" >
        </li>
        <li>
            <i class="iconfont icon-shouji"></i>
            <input type="tel" placeholder="请输入您的手机号" class="tel"/>
        </li>
        <li>
            <img src="../img/btn.png">
        </li>
    </ul>
</footer>

<script src="../js/gold.js"></script>
</body>
</html>